<template>
  <div class="my-cps">
    <div class="my-cps-left">
      <p class="my-cps-num">3</p>
      <p class="my-cps-name">优惠券</p>
    </div>
    <div class="my-cps-left">
      <p class="my-cps-num">5</p>
      <p class="my-cps-name">换鼓励金</p>
    </div>
    <div class="my-cps-left">
      <p class="my-cps-num">1000</p>
      <p class="my-cps-name">积分</p>
    </div>

  </div>
</template>

<script>
export default {

}
</script>

<style lang="less">
  .my-cps{
    width: 100%;
    height: 1.8rem;
    background: white;
    display: flex;
    color: #444;
    .my-cps-left{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      flex: 1;
      text-align: center;
      border-right: 1px solid #ccc;
      .my-cps-num{
        font-size: .5rem;
        color: #2796d5;
      }
      .my-cps-name{
        font-size: .36rem;
        margin-top: .2rem;
      }
    }
    .my-cps-left:last-child{
      border-right: none;
    }
  }
</style>
